<template>
	<vCommonPage type="1" title="门诊缴费-详情" class="mzjfDetail">
		<div slot="customContent" class="contentX mzjf">
			<div class="title">
				患者：{{$store.state.user.userinfo.patientName}}
			</div>
			<div class="tableBox">
				<el-table class="table  mzjfDetailTable" :header-cell-style="$tableTitleStye"  max-height="580px"
					:cell-style="{color:'#435C7A'}" :data="tableData"
					style="font-size: 2.028571rem;font-weight: 400;" :show-overflow-tooltip="true">
					<el-table-column prop="itemCode" label="项目编码"></el-table-column>
					<el-table-column prop="itemName" label="费用名称"></el-table-column>
					<el-table-column prop="packageUnit" label="规格"></el-table-column>
					<el-table-column prop="amount" label="数量"></el-table-column>
					<el-table-column prop="itemPrice" label="单价/元"></el-table-column>
					<el-table-column prop="itemTotalPrice"  label="总额/元"></el-table-column>
				</el-table>
			</div>
			<div class="bottomBox">
				<el-button  type="primary" class="BtnTextHome" @click="goBack()">返回</el-button>
				<el-button  type="primary" class="BtnTextHome" @click="goBackHome()">首页</el-button>
			</div>
		</div>
	</vCommonPage>
</template>
<script>
	import {
		mzjfPayDetails
	} from "@api/apiBox/mzjf"
	export default {
		name: "mzjf",
		data() {
			return {
				tableData: this.$route.query.detailObj
			};
		},
		methods: {
		},
		computed: {

		},
		components: {},
		mounted() {},
		created() {
			console.log(this.tableData)
		}
	};
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
	@import "../../assets/css/mzjf/mzjfDetail.scss";
</style>

<style>
	.mzjfDetailTable .gutter{
		background-color: rgba(234,244,249,0.61);
	}
</style>
